@charset 'utf-8';
@import '../common/_functions.scss';
@import '../common/_variables.scss';

//base
.fl
{
    float: left;
}
.fr
{
    float: right;
}

.address_info
{
    li
    {
        font-size: initial;

        position: relative;

        padding: px2rem(26) px2rem(30);

        border-bottom: 1px solid $_c8c8cc;
        label
        {
            font-size: px2rem(30);

            display: inline-block;

            width: px2rem(160);

            text-align: left;

            color: $_666;
        }
    }
}
.ipt
{
    font-size: px2rem(30);

    width: px2rem(500);

    color: $_333;
}
.address_tips
{
    font-size: px2rem(24);

    color: $_666;
}

.check_btn
{
    position: relative;
    top: px2rem(-50);

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: px2rem(80);
    height: px2rem(45);
    padding: 0 .03rem;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;

    color: $_fff;
    border: 1px solid $_e3e5e9;
    border-radius: px2rem(40);
    background-color: $_e5e7ea;
    background-clip: padding-box;
    .radio_btn
    {
        position: absolute;
        left: 0;

        display: inline-block;

        width: px2rem(45);
        height: px2rem(45);

        content: '';

        border-radius: px2rem(22);
        background: $_fff;
        -webkit-box-shadow: 0 0 0 1px $_e3e5e9;
                box-shadow: 0 0 0 1px $_e3e5e9;
    }
}
.checked
{
    background-color: $_03a9f4;
    .radio_btn
    {
        right: 0;
        left: auto;
    }
}

.button_container
{
    padding: px2rem(100) px2rem(30) 0;
    .submit
    {
        font-size: px2rem(30);
        line-height: px2rem(74);

        display: inline-block;

        width: 100%;
        height: px2rem(74);

        text-align: center;
        letter-spacing: 1px;

        color: $_fff;
        border: 0;
        border-radius: 10px;
        background-color: $_03a9f4;
    }
    .disabled
    {
        background: $_ccc;
    }
}
.address_error
{
    padding: px2rem(35) 0;

    text-align: center;
    .error_content
    {
        font-size: px2rem(26);
        line-height: px2rem(72);

        display: none;

        padding: px2rem(25) px2rem(55);

        letter-spacing: 2px;

        color: $_fff;
        border-radius: px2rem(10);
        background-color: $_666;
    }
}

//icon图标
.order_icon
{
    display: inline-block;

    background-image: url('/resources/img/order_address.png');
    background-repeat: no-repeat;
    background-size: .58667rem 3.10667rem;
}
.icon_address
{
    position: absolute;
    right: px2rem(30);

    width: .26667rem;
    height: .45333rem;

    background-position: 0 -1.10667rem;
}
.icon_left
{
    width: .26667rem;
    height: .45333rem;

    transform: rotate(180deg);

    background-position: 0 -1.10667rem;
}
